// import logo from './logo.svg';
// import { render } from '@testing-library/react';
import React from 'react';
import './App.css';
import Input from './components/Input';
import List from './components/List';
import Tabber from './components/Tabber';
import BannerImg from './components/BannerImg';
import ShopImg from './components/ShopImg';

class App extends React.Component{
  constructor(props){//在constructor中对组件状态进行初始化
    super(props);
    this.state = {  //初始化组件状态

    }

  }


render(){//render是必须的，render中必须通过return返回 组件模板
  return (
    <div className='App'>
      {/* 渲染Input组件 */}
      <Input></Input>
      {/* 渲染BannerImg组件 */}
      <BannerImg></BannerImg>
      {/* 渲染List组件 */}
      <List></List>
      {/* 渲染ShopImg组件 */}
      <ShopImg></ShopImg>
      {/* 渲染Tabber组件 */}
      <Tabber></Tabber>
      
    </div>
  )

}

}
export default App;
